<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8" />
    <meta name="author" content="order by dede58.com"/>
	<link rel="apple-touch-icon" sizes="76x76" th:href="@{/assets/img/apple-icon.png}">
	<link rel="icon" type="image/png" sizes="96x96" th:href="@{/assets/img/favicon.png}">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>天宇酒店后台管理</title>
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />
    <!-- Bootstrap core CSS     -->
    <link th:href="@{/assets/css/bootstrap.min.css}" rel="stylesheet" />
    <link th:href="@{/assets/css/animate.min.css}" rel="stylesheet"/>
    <link th:href="@{/assets/css/paper-dashboard.css}" rel="stylesheet"/>
    <link th:href="@{/assets/css/demo.css}" rel="stylesheet" />
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'>
    <link th:href="@{/assets/css/themify-icons.css}" rel="stylesheet">
    <script type="text/javascript" th:src="@{/js/public.js}"></script>
</head>
<body>

<div class="wrapper">
    <div class="sidebar" data-background-color="white" data-active-color="danger">
    	<div class="sidebar-wrapper">
            <div class="logo">
                <a class="simple-text">
                    天宇 酒店
                </a>
            </div>

            <ul class="nav">
                <li class="active">
                    <a th:href="@{/admin/room/index}">
                        <i class="ti-panel"></i>
                        <p>首页</p>
                    </a>
                </li>
                <li>
                    <a th:href="@{/admin/room/userList}">
                        <i class="ti-user"></i>
                        <p>人员信息</p>
                    </a>
                </li>
                <li>
                    <a th:href="@{/admin/room/roomList}">
                        <i class="ti-view-list-alt"></i>
                        <p>房间管理</p>
                    </a>
                </li>
                <li>
                    <a th:href="@{/admin/room/roomIncrease}">
                        <i class="ti-pencil-alt2"></i>
                        <p>新增房间</p>
                    </a>
                </li>
                <li>
                <a th:href="@{/admin/room/orderList}">
                    <i class="ti-map"></i>
                    <p>订单管理</p>
                </a>
            </li>
                <li>
                    <a th:href="@{/admin/room/comment}">
                        <i class="ti-bell"></i>
                        <p>评论管理</p>
                    </a>
                </li>
				<li class="active-pro">
                    <a th:href="@{/userBack}">
                        <i class="ti-export"></i>
                        <p>退出登录</p>
                    </a>
                </li>
            </ul>
    	</div>
    </div>
    <div class="main-panel">
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a class="navbar-brand">统计</a>
                </div>
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                              <a th:href="@{/admin/room/comment}" style="color: darkred" class="dropdown-toggle">
                                    <i class="ti-bell"></i>
                                    <p class="notification">[[${msg}]]</p>
									<p>评论消息</p>
                              </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-3 col-sm-6">
                        <div class="card">
                            <div class="content">
                                <div class="row">
                                    <div class="col-xs-5">
                                        <div class="icon-big icon-warning text-center">
                                            <i class="ti-server"></i>
                                        </div>
                                    </div>
                                    <div class="col-xs-7">
                                        <div class="numbers">
                                            <p>备份数据库数据</p>
                                            ---
                                        </div>
                                    </div>
                                </div>
                                <div class="footer">
                                    <hr />
                                    <div class="stats">
                                        <a onclick="reportFormError()" style="cursor:pointer"><i class="ti-calendar"></i> 导出</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="card">
                            <div class="content">
                                <div class="row">
                                    <div class="col-xs-5">
                                        <div class="icon-big icon-success text-center">
                                            <i class="ti-wallet"></i>
                                        </div>
                                    </div>
                                    <div class="col-xs-7">
                                        <div class="numbers">
                                            <p>订单数量</p>
                                            [[${orderSize}]]
                                        </div>
                                    </div>
                                </div>
                                <div class="footer">
                                    <hr />
                                    <div class="stats">
                                        <a onclick="reportFormOrder()" style="cursor:pointer"><i class="ti-calendar"></i> 导出</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="card">
                            <div class="content">
                                <div class="row">
                                    <div class="col-xs-5">
                                        <div class="icon-big icon-danger text-center">
                                            <i class="ti-pulse"></i>
                                        </div>
                                    </div>
                                    <div class="col-xs-7">
                                        <div class="numbers">
                                            <p>房间数量</p>
                                            [[${roomSize}]]
                                        </div>
                                    </div>
                                </div>
                                <div class="footer">
                                    <hr />
                                    <div class="stats">
                                        <a onclick="reportFormRoom()" style="cursor:pointer"><i class="ti-calendar"></i> 导出</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="card">
                            <div class="content">
                                <div class="row">
                                    <div class="col-xs-5">
                                        <div class="icon-big icon-info text-center">
                                            <i class="ti-twitter-alt"></i>
                                        </div>
                                    </div>
                                    <div class="col-xs-7">
                                        <div class="numbers">
                                            <p>用户数量</p>
                                            [[${userSize}]]
                                        </div>
                                    </div>
                                </div>
                                <div class="footer">
                                    <hr />
                                    <div class="stats">
                                        <a onclick="reportFormUser()" style="cursor:pointer"><i class="ti-calendar"></i> 导出</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="header">
                                <h4 class="title">近期收入情况</h4>
                                <p class="category">近八天内</p>
                            </div>
                            <div class="content">
                                <div id="chartHours" class="ct-chart"></div>
                                <div class="footer">
                                    <div class="chart-legend">
                                        <i class="fa fa-circle text-info"></i> 订房情况
                                    </div>
                                    <hr>
                                    <a th:href="@{/admin/room/index}">
                                        <div class="stats">
                                            <i class="ti-reload"></i> 刷新
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="footer">
            <div class="container-fluid">
                <nav class="pull-left">
                    <ul>
                        <li>
                            <a>
                                天宇酒店管理后台
                            </a>
                        </li>
                    </ul>
                </nav>
                <div class="copyright pull-right">
                    Copyright &copy; 2022.hxd support
                </div>
            </div>
        </footer>
    </div>
</div>
</body>
    <script th:src="@{/assets/js/jquery-1.10.2.js}" type="text/javascript"></script>
	<script th:src="@{/assets/js/bootstrap.min.js}" type="text/javascript"></script>
	<script th:src="@{/assets/js/bootstrap-checkbox-radio.js}"></script>
	<script th:src="@{/assets/js/chartist.min.js}"></script>
    <script th:src="@{/assets/js/bootstrap-notify.js}"></script>
	<script th:src="@{/assets/js/paper-dashboard.js}"></script>
    <script type="text/javascript" th:inline="javascript">
    $(document).ready(function(){
        var dates = [[${dates}]];
        var moneys = [[${moneys}]];
        var height = [[${height}]];
        var dataSales = {
            labels: [dates[0], dates[1], dates[2], dates[3], dates[4], dates[5], dates[6], "今天"],
            series: [
                [moneys[0], moneys[1], moneys[2], moneys[3], moneys[4], moneys[5], moneys[6], moneys[7]]
            ]
        };
        var optionsSales = {
            lineSmooth: false,
            low: 0,
            high: height,
            showArea: true,
            height: "265px",
            axisX: {
                showGrid: false, // 网格表（虚线）
            },
            lineSmooth: Chartist.Interpolation.simple({
                divisor: 3  // 折线图的弯曲大小
            }),
            showLine: true,//  折线图为0显示
            showPoint: false, //折线图显示顶点位置，false不显示
        };
        var responsiveSales = [
            ['screen and (max-width: 640px)', {
                axisX: {
                    labelInterpolationFnc: function (value) {
                        return value[0];
                    }
                }
            }]
        ];
        Chartist.Line('#chartHours', dataSales, optionsSales, responsiveSales);
    });
</script>
</html>
